<div class="navbar-default sidebar" style="width: 180px;" role="navigation">
    <style>
        .navbar-title {
            color: #808285;
            font-size: 10px;
            letter-spacing: 0.2px;
            padding-left: 15px !important;
            padding-right: 15px !important;
            padding-top: 20px !important;
            padding-bottom: 5px !important;
            text-transform: uppercase;
        }
    </style>
    <div class="sidebar-nav" style="width: 180px;">
        <ul class="nav in" id="side-menu">
            <!-- <sidebar-search></sidebar-search> ng-class="{navbar-title: menuItem.tag=='subtitle'}" -->
            <li ng-repeat="menuItem in menuConfigData" ng-click="clickOn(menuItem.tag, 1)" id="li-{{menuItem.tag}}" ui-sref-active="active"
                ng-if="menuItem.show">
                <a ng-if="menuItem.sref" ui-sref="{{menuItem.sref}}" ng-click="check()">
                    <i class="{{menuItem.icon}}"></i> {{menuItem.name}}
                </a>
                <a ng-if="!menuItem.sref && menuItem.tag!=='subtitle'" href="">
                    <i class="{{menuItem.icon}}"></i> {{menuItem.name}}
                    <span class="fa arrow"></span>
                </a>
                <a ng-if="!menuItem.sref && menuItem.tag=='subtitle'" class="navbar-title">
                    <i class="{{menuItem.icon}}"></i> {{menuItem.name}}
                </a>
                <ul ng-if="menuItem.child" class="nav nav-second-level collapse">
                    <li ng-repeat="childItem in menuItem.child" ng-click="clickOn(childItem.tag, 2)" id="li-{{childItem.tag}}" ui-sref-active="active"
                        ng-if="childItem.show">
                        <a ng-if="childItem.sref" ui-sref="{{childItem.sref}}" ng-click="check()">
                            <i class="{{childItem.icon}}"></i> {{childItem.name}}
                        </a>
                        <a ng-if="!childItem.sref" href="">
                            <i class="{{childItem.icon}}"></i> {{childItem.name}}
                            <span class="fa arrow"></span>
                        </a>
                        <ul ng-if="childItem.child" class="nav nav-third-level collapse">
                            <li ng-repeat="childOfChildItem in childItem.child" ng-click="clickOn(childOfChildItem.tag, 3)" id="li-{{childOfChildItem.tag}}"
                                ui-sref-active="active" ng-if="childOfChildItem.show">
                                <a ng-if="childOfChildItem.sref" ui-sref="{{childOfChildItem.sref}}" ng-click="check()">
                                    <i class="{{childOfChildItem.icon}}"></i> {{childOfChildItem.name}}
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <!-- /.sidebar-collapse -->
</div>